<extend name="Extends/base" />
<block name="title">任务系统</block>
<block name="css">
</block>
<block name="body_style">class="bgc-fff"</block>
<block name="body">
    <div class="c-main">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <volist name="adList" id="vo">
                    <div class="swiper-slide">
                        <div data-href="{$vo.url}" class="rw-ban {$vo['url']?'jump-href':''}">
                            <img src="{$vo.cover}" alt="">
                        </div>
                    </div>
                </volist>
            </div>
            <div class="swiper-pagination hall-pagination"></div>
        </div>

        <div class="hall-cont">
            <ul class="hall-list clearfix">
                <li>
                    <a href="javascript:;" data-href="/Task/home?type=2" class="jump-href">
                        <div class="hall-list-img">
                            <img src="__APPS__/images/dt.png">
                        </div>
                        <div class="hall-list-txt">
                            <p>简单任务</p>
                            <p>快速来钱</p>
                        </div>
                        <div class="hall-list-tag one"></div>
                    </a>
                </li>
                <!-- <li>
                    <a href="javascript:;">
                        <div class="hall-list-img">
                            <img src="../images/dt1.png">
                        </div>
                        <div class="hall-list-txt">
                            <p>分享经济</p>
                            <p>阅读赚钱</p>
                        </div>
                        <div class="hall-list-tag two"></div>
                    </a>
                </li> -->
                <!-- <li>
                    <a href="javascript:;" class="in-development">
                        <div class="hall-list-img">
                            <img src="__APPS__/images/dt2.png">
                        </div>
                        <div class="hall-list-txt">
                            <p>推广购物</p>
                            <p>高额返利</p>
                        </div>
                        <div class="hall-list-tag three"></div>
                    </a>
                </li> -->
                <!-- <li>
                    <a href="javascript:;">
                        <div class="hall-list-img">
                            <img src="../images/dt3.png">
                        </div>
                        <div class="hall-list-txt">
                            <p>信用生活</p>
                            <p>实时奖励</p>
                        </div>
                        <div class="hall-list-tag four"></div>
                    </a>
                </li> -->
                <li>
                    <a href="javascript:;" data-href="/GatheringTour/getDeviceCode" class="jump-href">
                        <div class="hall-list-img">
                            <img src="__APPS__/images/dt4.png">
                        </div>
                        <div class="hall-list-txt">
                            <p>休闲游戏</p>
                            <p>轻松赚钱</p>
                        </div>
                        <div class="hall-list-tag five"></div>
                    </a>
                </li>
                <li>
                    <a href="javascript:;" data-href="/Survey/goWall" class="jump-href">
                        <div class="hall-list-img">
                            <img src="__APPS__/images/dt5.png">
                        </div>
                        <div class="hall-list-txt">
                            <p>参与问卷</p>
                            <p>也能获利</p>
                        </div>
                        <div class="hall-list-tag six"></div>
                    </a>
                </li>
            </ul>
        </div>

        <div class="hall-invite">
            <a href="javascript:;" data-href="/Recomm/home" class="jump-href">
                <img src="__APPS__/images/yq.png">
            </a>
        </div>

        <assign name="currPageMark" value="task" />
        <include file="Common/mainNav" />

    </div>
</block>
<block name="js">
    <link rel="stylesheet" type="text/css"
        href="__APPS__/widget/swiper4.1.6/swiper-4.1.6.min.css?v={:C('JS_CSS_VERSION')}">
    <script type="text/javascript" src="__APPS__/widget/swiper4.1.6/swiper-4.1.6.min.js?v={:C('JS_CSS_VERSION')}">
    </script>
    <script type="text/javascript">
        new Swiper('.swiper-container', {
            autoplay: true,
            slidesPerView: 'auto',
            spaceBetween: 0,
            centeredSlides: true,
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            onSlideChangeStart: function (swiper) {
                console.log(swiper.activeIndex);
            }
        });

        $('.in-development').on("click", function () {
            $.alert("功能开发中,敬请期待");
        });
    </script>
</block>